

import React from "react";
import "./my.css";
import Tab from "./tab"
import { SetOutline, RightOutline, TextOutline, AntOutline, LeftOutline } from 'antd-mobile-icons'

import img1 from "../cll/imgs/07.jpg";
import img2 from "../cll/imgs/u4805.png";
import img3 from "../cll/imgs/1.png"
import { Sticky } from 'react-vant';
import { Card, Toast, Button } from 'antd-mobile';
import { useNavigate } from "react-router-dom"
function My() {

   

    const navigate = useNavigate()
    // 跳转到投递箱
    const handelPost = () => {
        navigate("/postbox")
    }
     // 跳转到在线简历
    const handelzai=()=>{
        
    }

    // 跳转到附件简历
    const handelfu=()=>{
        
    }

    // 跳转到感兴趣
    const Intereste=()=>{
        navigate("/intereste")
    }

    const She=()=>{
        navigate("/she")
    }

    const navigates=()=>{
        navigate(-1)
    }
    
    return (
        <div className="box">

            <div className="background"
            >
                <Sticky>
                    <div>
                        <img src={img3} alt="" srcset="" className="img3" />
                    </div>
                    <p>
                        <span style={{ marginTop:25,marginLeft:20, float: "left" }}>
                            <LeftOutline style={{ width:20, height: 20 }}
                            onClick={()=>navigates()}
                            />
                        </span>
                        <span style={{ marginTop: 20, float: "right",marginRight:20 }}>

                            <SetOutline style={{ width: 30, height: 30 }} 
                            onClick={()=>She()}
                            />
                        </span>
                    </p>

                </Sticky>

                <p className="box1">
                    <div>
                        <img src={img1} alt="" srcset="" className="img" />
                    </div>
                    <div style={{ marginLeft: 20 }}>
                        <p style={{ marginLeft: 18 }}>
                            <h3>admin</h3>
                        </p>

                        <p style={{ display: "flex", marginTop: 20 }}>
                            <div className="youhua">
                                <span  onClick={()=>handelzai()}>优化简历 <RightOutline /></span>
                            </div>
                            <div className="tixian">
                                <span>钱包提现 <RightOutline /></span>
                            </div>
                        </p>
                    </div>
                </p>
            </div>
            <ul className="box5">
                <li>
                    <h3>1</h3>
                    <span>邀请函</span>
                </li>
                <li onClick={() => handelPost()}>
                    <h3>2</h3>
                    <span>面试</span>
                </li>
                <li onClick={() => handelPost()}>
                    <h3>1</h3>
                    <span>已投递</span>
                </li>
                <li onClick={()=>Intereste()}>
                    <h3>3</h3>
                    <span>感兴趣</span>
                </li>
            </ul>
            <div>
                <img src={img2} alt="" srcset=""
                    className="img2"
                />
            </div>

            {/* 在线简历 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        <TextOutline style={{ marginRight: '4px', color: '#1677ff' }}
                    
                         />
                        在线简历
                    </div>
                }
                extra={<span><span style={{ color: "rgb(138, 138, 138)" }}>简历完善</span><RightOutline /></span>}

             
                style={{ borderRadius: '16px', marginTop: 2, height: 50, lineHeight: 2 }}

                onClick={()=>handelzai()}
            >
            </Card>
            
            {/* 附件简历 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        <TextOutline style={{ marginRight: '4px', color: '#1677ff' }} />
                        附件简历
                    </div>
                }
                extra={<span><span style={{ color: "rgb(138, 138, 138)" }}>未上传</span><RightOutline /></span>}

               
                style={{ borderRadius: '16px', marginTop: 5, height: 50, lineHeight: 2 }}
                onClick={()=>handelfu()}
            >
            </Card>
            {/* 默认投递简历 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        <TextOutline style={{ marginRight: '4px', color: '#1677ff' }} />
                        默认投递简历
                    </div>
                }
                extra={<span><span style={{ color: "rgb(138, 138, 138)" }}>未上传</span><RightOutline /></span>}

             
                style={{ borderRadius: '16px', marginTop: 5, height: 50, lineHeight: 2 }}
            >
            </Card>
            {/* 求职状态 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        <TextOutline style={{ marginRight: '4px', color: '#1677ff' }} />
                        求职状态
                    </div>
                }
                extra={<span><span style={{ color: "rgb(138, 138, 138)" }}>未上传</span><RightOutline /></span>}

              
                style={{ borderRadius: '16px', marginTop: 5, height: 50, lineHeight: 2 }}
            >
            </Card>
            {/* 隐私设置 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        <SetOutline style={{ marginRight: '4px', color: '#1677ff' }} />
                        隐私设置
                    </div>
                }
                extra={<span><span style={{ color: "rgb(138, 138, 138)" }}>不想被这些企业查看到</span><RightOutline /></span>}

            
                style={{ borderRadius: '16px', marginTop: 5, height: 50, lineHeight: 2 }}
            >
            </Card>

            <div className="tab">
                <Tab></Tab>
            </div>

        </div>

    )
}

export default My
